<template>
  <div class="home_swiper">
    <!-- 每三秒自动切换 -->
    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="(item, index) in list" :key="index">
        <div class="home_swiper_img"><img :src="item" class="swipe_img"/></div>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import {SlideShow} from '@/api/home'
export default {
  name:"swiper",
  data(){
    return {
      list:[],
    }
  },
  created(){

    
  }
}
</script>

<style lang="less">
.home_swiper{
  margin-top: 60px;
}
.home_swiper_img{
  margin: 0 auto;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  .swipe_img {
  // margin: 0 auto;
    width: 100%;
    height: 140px;
    margin-bottom: 0px;
    padding: 0%;
    border-radius: 28px;
    // text-align: center;
}
}

</style>